<style>
    #chart-vis{
        width: 100%;
        height: 500px;
    }
</style>
<div class="row-fluid">
    <div>
        <div class="tabbable tabbable-custom boxless">
            <ul class="nav nav-tabs">
                <li class="active"><a href="#tab_1" data-toggle="tab">VIS/RVR趋势图</a></li>
                <li><a class="" href="#tab_2" data-toggle="tab">温度/露点趋势图</a></li>
                <li><a href="#tab_3" data-toggle="tab">风变化趋势图</a></li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="tab_1">
                    <div class="portlet box red">
                        <div class="portlet-title">
                            <div class="caption"><i class="icon-cogs"></i>VIS/RVR趋势图</div>
                            <div class="tools">
                                <a href="javascript:;" class="collapse"></a>
                            </div>
                        </div>
                        <div class="portlet-body">
                            <form action="" class="form-horizontal form-border">

                                <div class="control-group control-first">
                                    <label class="control-label">机场三码/四码</label>
                                    <div class="controls">
                                        <input type="text" placeholder="small" class="m-wrap small">
                                        <span class="help-inline">Some hint here</span>
                                    </div>
                                </div>

                                <div class="row-fluid">

                                    <div class="span6 ">

                                        <div class="control-group">

                                            <label class="control-label">开始日期</label>

                                            <div class="controls">
                                                <div class="input-append date date-picker">
                                                    <input class="m-wrap m-ctrl-medium date-picker" readonly="" size="16" type="text" value=""><span class="add-on"><i class="icon-calendar"></i></span>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                    <!--/span-->
                                    <div class="span6 ">
                                        <div class="control-group">
                                            <label class="control-label">结束日期</label>
                                            <div class="controls">
                                                <div class="input-append date date-picker">
                                                    <input class="m-wrap m-ctrl-medium date-picker" readonly="" size="16" type="text" value=""><span class="add-on"><i class="icon-calendar"></i></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/span-->
                                </div>
                            </form>
                            <div id="chart-vis"></div>

                        </div>
                    </div>
                </div>

                <div class="tab-pane" id="tab_2">
                    <div class="portlet box red">
                        <div class="portlet-title">
                            <div class="caption"><i class="icon-cogs"></i>温度/露点趋势图</div>
                            <div class="tools">
                                <a href="javascript:;" class="collapse"></a>
                            </div>
                        </div>
                        <div class="portlet-body">
                            <form action="" class="form-horizontal form-border">

                                <div class="control-group control-first">
                                    <label class="control-label">机场三码/四码</label>
                                    <div class="controls">
                                        <input type="text" placeholder="small" class="m-wrap small">
                                        <span class="help-inline">Some hint here</span>
                                    </div>
                                </div>

                                <div class="row-fluid">

                                    <div class="span6 ">

                                        <div class="control-group">

                                            <label class="control-label">开始日期</label>

                                            <div class="controls">
                                                <div class="input-append date date-picker">
                                                    <input class="m-wrap m-ctrl-medium date-picker" readonly="" size="16" type="text" value=""><span class="add-on"><i class="icon-calendar"></i></span>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                    <!--/span-->
                                    <div class="span6 ">
                                        <div class="control-group">
                                            <label class="control-label">结束日期</label>
                                            <div class="controls">
                                                <div class="input-append date date-picker">
                                                    <input class="m-wrap m-ctrl-medium date-picker" readonly="" size="16" type="text" value=""><span class="add-on"><i class="icon-calendar"></i></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/span-->
                                </div>
                            </form>
                            <div id="temperature_chart"></div>
                        </div>
                    </div>
                </div>

                <div class="tab-pane" id="tab_3">
                    <div class="portlet box red">
                        <div class="portlet-title">
                            <div class="caption"><i class="icon-cogs"></i>风变化趋势图</div>
                            <div class="tools">
                                <a href="javascript:;" class="collapse"></a>
                            </div>
                        </div>
                        <div class="portlet-body">
                            <form action="" class="form-horizontal form-border">

                                <div class="control-group control-first">
                                    <label class="control-label">机场三码/四码</label>
                                    <div class="controls">
                                        <input type="text" placeholder="small" class="m-wrap small">
                                        <span class="help-inline">Some hint here</span>
                                    </div>
                                </div>

                                <div class="row-fluid">

                                    <div class="span6 ">

                                        <div class="control-group">

                                            <label class="control-label">开始日期</label>

                                            <div class="controls">
                                                <div class="input-append date date-picker">
                                                    <input class="m-wrap m-ctrl-medium date-picker" readonly="" size="16" type="text" value=""><span class="add-on"><i class="icon-calendar"></i></span>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                    <!--/span-->
                                    <div class="span6 ">
                                        <div class="control-group">
                                            <label class="control-label">结束日期</label>
                                            <div class="controls">
                                                <div class="input-append date date-picker">
                                                    <input class="m-wrap m-ctrl-medium date-picker" readonly="" size="16" type="text" value=""><span class="add-on"><i class="icon-calendar"></i></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/span-->
                                </div>
                            </form>
                            <div id="wind_chart"></div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
<script src="../../assets/js/plug/highcharts/highcharts.js"></script>
<script src="../../assets/js/temp/charts1.js"></script>
<script>
    $(document).ready(function () {
       Chart.init_vis();
       Chart.init_temperature_chart();
       Chart.init_wind_chart();
    });
</script>








